<extend name="_Layout/main"/>
<block name="main">
    <style>
	/* 本例子css */
		ol, ul{margin:0;padding:0;}
		li{list-style:none;}
		.slideBox{ width:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:50%; bottom:20px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{font-size:12px; border-radius:10px; list-style:none;float:left; margin-right:5px;  width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{  display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
	</style>
<section class="banner">
			<div id="slideBox" class="slideBox">
			
			<div class="hd">
				<ul>
				<volist name="adsinfo" id="vo">
				<li>{$key+1}</li>
				</volist>
				</ul>
			</div>
			<div class="bd">
				<ul>
				<volist name="adsinfo" id="vo">
					<li><a href="{$vo.adURL}" target="_blank"><img src="{$vo['adFile']|get_cover}"/></a></li>
					</volist>
				</ul>
			</div>

			<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
			<a class="prev" href="javascript:void(0)"></a>
			<a class="next" href="javascript:void(0)"></a>
		</div>

		<script type="text/javascript">
		jQuery(".slideBox").slide({mainCell:".bd ul",autoPlay:true});
		</script>
		</section>
<section class="uwidth module-1">
			<ul class="am-avg-sm-4 am-text-center">
			  <li>
			  	<p class="am-text-lg">最高价</p>
			  	<p class="am-text-xl am-text-danger">9%-18%</p>
			  </li>
			  <li>
			  	<p class="am-text-lg">最高价</p>
			  	<p class="am-text-xl am-text-danger">9%-18%</p>
			  </li>
			  <li>
			  	<p class="am-text-lg">最高价</p>
			  	<p class="am-text-xl am-text-danger">9%-18%</p>
			  </li>
			  <li>
			  	<i class="am-icon-gold"></i>
			  	<span class="am-text-xxl am-text-danger">比特币</span>
			  </li>
			</ul>
		</section>
		<section class="module-2">
			<div class="uwidth">
				<div class="am-g">
					<div class="am-u-lg-8">
						<div data-am-widget="list_news" class="am-list-news am-list-news-default" >
							<div class="am-list-news-hd am-cf am-padding-top-0">
								<div class="am-g">
									<div class="am-u-lg-4 am-padding-left-0">
										<span class="tit-bar" style="background: url(./Application/Home/View/default/_Resource/img/title_bar.jpg);"></span>
									</div>
									<div class="am-u-lg-8 am-text-right am-padding-right-0">
										<select data-am-selected id="catLst">
										 
										</select>
									</div>
								</div>
         					</div>
	  						<div class="am-list-news-bd">
	  							<ol start="1" class="am-text-xs am-my-list" id="listTop">
	  							
	  							</ol>
	  						</div>
    					</div>
					</div>
					<div class="am-u-lg-4 am-padding-right-0">
						<div class="am-border">
							<div data-am-widget="list_news" class="am-list-news am-list-notice am-list-news-default" >
								<div class="am-list-news-hd am-cf">
	        						<a href="./index.php?s=/Home/Document/getDocList/cid/1" class="am-padding-left-sm am-padding-right-sm">
	          							<h2>公告</h2>
	            						<span class="am-list-news-more am-fr">更多 </span>
	        						</a>
	         					</div>
		  						<div class="am-list-news-bd" style='height: 305px;'>
		  							<ul class="am-list">
		  							<volist name="gg" id="v">
		      							<li class="am-g am-list-item-dated">
		          							<a href="./index.php?s=/Home/Document/getdocContent/id/{$v['id']}" class="am-list-item-hd ">{$v.title}</a>
		      							</li>
		      						</volist>
									</ul>
		  						</div>
	    					</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section class="module-3">
			<div class="uwidth am-text-white am-text-center">
				<h2 class="">为什么选择我们？</h2>
				<div class="">
					<ul class="am-avg-sm-4">
					  <li>
					  	<img src="./Application/Home/View/default/_Resource/img/icon1.png" />
					  	<div>100%保障资金安全</div>
					  </li>
					  <li>
					  	<img src="./Application/Home/View/default/_Resource/img/icon2.png" />
					  	<div>0隐形收费&nbsp;&nbsp;不赚利差</div>
					  </li>
					  <li>
					  	<img src="./Application/Home/View/default/_Resource/img/icon3.png" />
					  	<div>存款时间灵活&nbsp;&nbsp;无罚息</div>
					  </li>
					  <li>
					  	<img src="./Application/Home/View/default/_Resource/img/icon4.png" />
					  	<div>盈利提取自由</div>
					  </li>
					</ul>
				</div>
			</div>
		</section>
		<section class="uwidth module-4">
			<div class="am-g">
				<div class="am-u-lg-8 am-padding-left-0">
					<div class="am-u-lg-6 am-padding-left-0">
						<div class="am-border">
							<div data-am-widget="list_news" class="am-list-news am-list-notice am-list-news-default" >
	    						<div class="am-list-news-hd am-cf">
	   								<a href="./index.php?s=/Home/Document/getDocList/cid/31" class="am-padding-left-sm am-padding-right-sm">
	          							<h2>新闻资讯</h2>
	            						<span class="am-list-news-more am-fr">更多</span>
	        						</a>
	          					</div>
								<div class="am-list-news-bd">
	  								<ul class="am-list" style='    height: 282px;'>
	  								<volist name="xwzx" id="vo">
	      								<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
									        <div class="am-u-sm-5 am-list-thumb">
									          	<a href="./index.php?s=/Home/Document/getdocContent/id/{$vo.id}" class="">
									            	<img width="97px" height='67px'src="{$vo.cover|get_cover}"/>
									          	</a>
									        </div>
											<div class=" am-u-sm-7 am-list-main">
	    										<h3 class="am-list-item-hd">
	    											<a href="./index.php?s=/Home/Document/getdocContent/id/{$vo.id}" class="am-text-sm">{$vo.title}</a>
	    										</h3>
	            								<div class="am-list-item-text am-text-xs">{$vo.abstract}</div>
	        								</div>
	      								</li>
									</volist>
								    </ul>
								</div>
	    					</div>
						</div>
					</div>
					<div class="am-u-lg-6">
						<div class="am-border">
							<div data-am-widget="list_news" class="am-tabs am-list-news am-list-notice am-list-news-default" >
	          					<ul class="am-list-news-hd am-cf am-avg-sm-2 am-text-center am-padding-0">
								  	<li data-tab="1" class="am-active">每日评论</li>
								  	<li data-tab="2">财经资讯</li>
								</ul>
								<div class="tabContent_1" style='height: 282px;'>
									<div class="am-list-news-bd">
		  								<ul class="am-list">
		  								<volist name='jrpl' id='v'>
		      								<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
										        <div class="am-u-sm-5 am-list-thumb">
										          	<a href="./index.php?s=/Home/Document/getdocContent/id/{$v.id}" class="">
										            	<img width="97px" height='67px'src="{$v.cover|get_cover}"/>
										          	</a>
										        </div>
												<div class=" am-u-sm-7 am-list-main">
		    										<h3 class="am-list-item-hd">
		    											<a href="./index.php?s=/Home/Document/getdocContent/id/{$v.id}" class="am-text-sm">{$v.title}</a>
		    										</h3>
		            								<div class="am-list-item-text am-text-xs">{$v.abstract}</div>
		        								</div>
		      								</li>
		      							</volist>
									    </ul>
									</div>
								</div>
								<div class="tabContent_2" style="display:none;height: 282px;">
									<div class="am-list-news-bd">
		  								<ul class="am-list">
		  								<volist name='cjzx' id="v">
		      								<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
										        <div class="am-u-sm-5 am-list-thumb">
										          	<a href="./index.php?s=/Home/Document/getdocContent/id/{$v.id}" class="">
										            	<img width="97px" height='67px'src="{$v.cover|get_cover}"/>
										          	</a>
										        </div>
												<div class=" am-u-sm-7 am-list-main">
		    										<h3 class="am-list-item-hd">
		    											<a href="./index.php?s=/Home/Document/getdocContent/id/{$v.id}" class="am-text-sm">{$v.title}</a>
		    										</h3>
		            								<div class="am-list-item-text am-text-xs">{$v.abstract}</div>
		        								</div>
		      								</li>
		      								</volist>
									    </ul>
									</div>
								</div>
	    					</div>
						</div>
					</div>
				</div>
				<div class="am-u-lg-4 am-padding-right-0">
					<div class="am-border">
						<div data-am-widget="list_news" class="am-list-news am-list-notice am-list-news-default" >
							<div class="am-list-news-hd am-cf">
        						<a href="./index.php?s=/Home/Document/getDocList/cid/34" class="am-padding-left-sm am-padding-right-sm">
          							<h2>交收信息</h2>
            						<span class="am-list-news-more am-fr">更多 </span>
        						</a>
         					</div>
	  						<div class="am-list-news-bd">
	  							<ul class="am-list" style='    height: 282px;'>
	  							<volist name='jsxx' id="v">
	      							<li class="am-g am-list-item-dated">
	          							<a href="./index.php?s=/Home/Document/getdocContent/id/{$v.id}" class="am-list-item-hd ">{$v.title}</a>
	      							</li>
	      							</volist>
								</ul>
	  						</div>
    					</div>
					</div>
				</div>
			</div>
		</section>
		<section class="module-5" style="border-top: 1px solid #DDDDDD;padding: 55px 0;">
			<div class="uwidth am-text-sm">
				<div class="am-g">
					<div class="am-u-lg-8 am-padding-left-0">
						<table class="am-table am-table-bordered am-table-striped am-text-center">
					    <thead>
					        <tr>
					            <th>商品名称</th>
					            <th>代码</th>
					            <th>今开</th>
					            <th>昨日最高价</th>
					            <th>昨日最低价</th>
					            <th>昨收盘价</th>
					        </tr>
					    </thead>
					    <tbody>
					        <tr>
					            <td>比特币</td>
					            <td>103</td>
					            <td>152.12</td>
					            <td>151.42</td>
					            <td>150.45</td>
					            <td>152.52</td>
					        </tr>
					        <tr>
					            <td>比特币</td>
					            <td>103</td>
					            <td>152.12</td>
					            <td>151.42</td>
					            <td>150.45</td>
					            <td>152.52</td>
					        </tr>
					        <tr>
					            <td>比特币</td>
					            <td>103</td>
					            <td>152.12</td>
					            <td>151.42</td>
					            <td>150.45</td>
					            <td>152.52</td>
					        </tr>
					        <tr>
					            <td>比特币</td>
					            <td>103</td>
					            <td>152.12</td>
					            <td>151.42</td>
					            <td>150.45</td>
					            <td>152.52</td>
					        </tr>
					        <tr>
					            <td>比特币</td>
					            <td>103</td>
					            <td>152.12</td>
					            <td>151.42</td>
					            <td>150.45</td>
					            <td>152.52</td>
					        </tr>
					        <tr>
					            <td>比特币</td>
					            <td>103</td>
					            <td>152.12</td>
					            <td>151.42</td>
					            <td>150.45</td>
					            <td>152.52</td>
					        </tr>
					        <tr>
					            <td>比特币</td>
					            <td>103</td>
					            <td>152.12</td>
					            <td>151.42</td>
					            <td>150.45</td>
					            <td>152.52</td>
					        </tr>
					        <tr>
					            <td>比特币</td>
					            <td>103</td>
					            <td>152.12</td>
					            <td>151.42</td>
					            <td>150.45</td>
					            <td>152.52</td>
					        </tr>
					        <tr>
					            <td>比特币</td>
					            <td>103</td>
					            <td>152.12</td>
					            <td>151.42</td>
					            <td>150.45</td>
					            <td>152.52</td>
					        </tr>
					    </tbody>
					</table>
					</div>
					<div class="am-u-lg-4 am-padding-right-0 am-bg-white am-text-xs am-my-uinn">
						<div class="top-box am-text-center">
							<p class="f48 am-text-danger">{$user_total}</p>
							<p>名客户正在使用交易所</p>																																				
							<if condition="$__USER__['uid'] gt 0">
							<a href="{:U('Home/user/info',array('id'=>$__USER__['uid']))}">{$__USER__['username']}</a>|<a href="{:U('Home/user/logout')}">退出</a>
							<else/>
							<div>
								<button type="button" class="am-btn am-btn-danger am-radius" style="width: 70%;" onclick='loginuser()'>登录</button>
							</div>
							</if>
							
						</div>
						<div class="bottom-box">
							<p>扫一扫关注公司微信</p>
							<div class="am-inline-block">
								<span class="erweima" style="background: url(img/weixin.png);"></span>
								<span class="am-fl">
									<ol start="1">
										<li>实时报价</li>
										<li>每日评论分析行情</li>
										<li>微信申请模拟账号</li>
									</ol>
								</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section class="uwidth module-6">
			<div>
				<h2 class="friendly">合作伙伴</h2>
				<ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-thumbnails am-text-center">
				<volist name="partner" id="pv">
			  		<li>
			  		<a href="{$pv['url']}" target="_blank">
			  		<img class="am-thumbnail" style="max-width:200px;max-height:60px;"  src="{$pv['icon']|get_cover}"  alt="{$pv['title']}" /></a></li>
		  		</volist>
				</ul>
			</div>
		</section>
		<script>
			$(function(){
				$('.am-tabs ul li').click(function(){
					$('.am-tabs ul li').removeClass('am-active');
					$(this).addClass('am-active');
					if($(this).attr('data-tab') == '1'){
						$('.am-tabs .tabContent_1').show();
						$('.am-tabs .tabContent_2').hide();
					}else if($(this).attr('data-tab') == '2'){
						$('.am-tabs .tabContent_2').show();
						$('.am-tabs .tabContent_1').hide();
					}
				})
				$.getJSON("./index.php?s=/Home/Index/getCatInfo.html",{cat:1},function(json){
					$('#catLst').append(json.cat);
					 $('#listTop').html(json.list); 
			    });
				$('#catLst').change(function(){
					var cat = $(this).find('option:selected').val();
					$.getJSON("./index.php?s=/Home/Index/getCatInfo.html",{cat:cat},function(json){
						$('#listTop').html(json.list); 
				    });
				});
			})
			 
		</script>
</block>
